<<<<<<< HEAD
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人化妆、清洁用品_大商创商城系统 B2B2C 多商户系统 多店铺商城系统 企业级电商系统</title>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/makeup.css">
    <link rel="stylesheet" href="font/font1/iconfont.css">
    <link rel="stylesheet" href="font/font2/iconfont.css">
    <link rel="stylesheet" href="font/font3/iconfont.css">
    <link rel="icon" href="imgs/favicon.ico">
    <link rel="stylesheet" href="css/zhangqiandegonggongyangshi.css">
    <link rel="stylesheet" href="css/nav-right.css">
    <link rel="stylesheet" href="font/fonts/iconfont.css">
    <script src="js/public.js"></script>
    <script src="js/jquery-3.6.0.js"></script>
    <script src="js/shopData.js"></script>
    <script src="js/nav-right.js"></script>
</head>

<body>
    <!-- 对比栏 -->
    <div class="compare-bar">
        <div class="left">
            <span>对</span>
            <span>比</span>
            <span>栏</span>
        </div>
        <div class="center">
            <ul class="shop">

            </ul>
        </div>
        <div class="right">
            <div class="top">隐藏</div>
            <div class="center">对比</div>
            <div class="empty">清空对比栏</div>
        </div>
    </div>
    <!-- 提示框 -->
    <div class="contrast">
        <div class="top">
            提示
            <span></span>
        </div>
        <div class="tips">
            <span></span> 测试和已选择商品类型不同无法进行对比
        </div>
    </div>
    <!-- 蒙版 -->
    <div class="mask"></div>
    <!-- 公共样式头部 -->
    <div class="header">
        <div class="w w1200">
            <div class="logo">
                <div class="logoImg">
                    <a href="javascript:;">
                        <img src="https://x.dscmall.cn/storage/images/common/shop_logo.gif" alt="大商创logo">
                    </a>
                </div>
            </div>
            <div class="header_con">
                <div class="site-nav">
                    <div class="fl ml-20">
                        <!-- 地图导航 -->
                        <div class="city-choie fl">
                            <i class="iconfoot icon-map-marker"></i>
                            <span class="ui-areamini-text">郑州市</span>
                        </div>
                        <!-- 登录注册 -->
                        <div class="text-info fl">
                            <a href="javascript:;" class="link-logo red">请登录</a>
                            <a href="javascript:;" class="link-regist">免费注册</a>
                        </div>
                    </div>
                    <!-- 头部右侧部分 -->
                    <ul class="quick-menu fr">
                        <li>
                            <div class="dt">
                                <a href="#">我的订单</a>
                            </div>
                        </li>
                        <li class="spacer"></li>
                        <li>
                            <div class="dt">
                                <a href="#">我的浏览</a>
                            </div>
                        </li>
                        <li class="spacer"></li>
                        <li>
                            <div class="dt">
                                <a href="#">我的收藏</a>
                            </div>
                        </li>
                        <li class="spacer"></li>
                        <li>
                            <div class="dt">
                                <a href="#">客户服务</a>
                            </div>
                        </li>
                        <li class="spacer"></li>

                        <li class="li_dorpdown" data-ectype="dorpdown">
                            <div class="dt dsc-cm">网站导航
                                <i class="iconfont icon-xiangxia"></i>
                                <div class="dsc-cm-bottom-line"></div>
                            </div>
                            <div class="dd dorpdown-layer">
                                <dl class="fore1">
                                    <dt>特色主题</dt>
                                    <dd>
                                        <div class="item"><a href="#" target="_blank">家用电器</a></div>
                                        <div class="item"><a href="#" target="_blank">男装女装</a></div>
                                        <div class="item"><a href="#" target="_blank">鞋靴箱包</a></div>
                                    </dd>
                                </dl>
                                <dl class="fore2">
                                    <dt>促销活动</dt>
                                    <dd>
                                        <div class="item"><a href="#">拍卖活动</a>
                                        </div>
                                        <div class="item"><a href="#">共创商品</a>
                                        </div>
                                        <div class="item"><a href="#">积分商城</a>
                                        </div>
                                        <div class="item"><a href="#">CMS频道</a></div>
                                        <div class="item"><a href="#">优惠活动</a>
                                        </div>
                                        <div class="item"><a href="#">超值礼包</a>
                                        </div>
                                        <div class="item"><a href="#">优惠券</a>
                                        </div>
                                        <div class="item"><a href="#">礼品卡</a>
                                        </div>
                                        <div class="item"><a href="#">预售商品</a>
                                        </div>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="dsc-search-shopcar">
                    <!-- 搜商品 -->
                    <div class="form fl">
                        <form action="">
                            <input name="keywords" value="" placeholder="周大福" class="search-text">
                            <button class="button-goods">搜商品</button>
                            <button class="button-store">搜店铺</button>
                        </form>
                        <ul class="keyword">
                            <li>
                                <a href="#" target="_black">周大福</a>
                            </li>
                            <li>
                                <a href="#" target="_black">内衣</a>
                            </li>
                            <li>
                                <a href="#" target="_black">Five Plus</a>
                            </li>
                            <li>
                                <a href="#" target="_black">手机</a>
                            </li>
                        </ul>
                    </div>
                    <!-- 我的购物车 -->
                    <div class="dsc-shopcar">
                        <div class="shopCar">
                            <a href="#">
                                <!-- <div class="shopcar-center"> -->
                                <i></i>
                                <span>我的购物车</span>
                                <em>14</em>
                                <!-- </div> -->
                            </a>
                        </div>
                        <div class="my-shopping-line"></div>
                        <div class="dorpdown-layer-car">
                            <div class="prompt">
                                <div class="nogoods fl">
                                    <b></b>
                                </div>
                                <div class="prompt-right fr">
                                    <span>购物车中还没有商品，赶紧选购吧！</span>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="header-nav">
            <div class="w1200 header-all-goods">
                <div class="categorys-type">
                    <a href="#">全部商品分类</a>
                </div>
                <div class="nav-main">
                    <ul>
                        <li class="header-current">
                            <a href="#">首页</a>
                        </li>
                        <li>
                            <a href="#">个护美妆</a>
                        </li>
                        <li>
                            <a href="#">服装城</a>
                        </li>
                        <li>
                            <a href="#">家用电器</a>
                        </li>
                        <li>
                            <a href="#">鞋靴箱包</a>
                        </li>
                        <li>
                            <a href="#">聚划算</a>
                        </li>
                        <li>
                            <a href="#">预售</a>
                        </li>
                        <li>
                            <a href="#">店铺街</a>
                        </li>
                        <li>
                            <a href="#">品牌专区</a>
                        </li>
                        <li>
                            <a href="#">公告</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 个护美妆 -->
    <div class="principal">
        <!-- 个护美妆热卖模块 -->
        <div class="hot-sales">
            <div class="hotsale">
                <div class="hatsale-left">热门推荐</div>
                <div class="hotsale-right">
                    <ul></ul>
                </div>
            </div>
        </div>
        <!-- 中间三级联动模块 -->
        <div class="much">
            <div class="crumbs-nav">
                <div class="crumbs-nav-item">个人化妆、清洁用品<span class="iconfont icon-xiajiantou"></span>
                    <div class="trigger">
                        <ul>
                            <li class="left"><a href="#">面部护肤</a></li>
                            <li class="middle"><a href="#">洗发护发</a></li>
                            <li class="right"><a href="#">香水彩妆</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 品牌模块 -->
        <div class="logopp">
            <div class="logopp-left">
                <p>品牌：</p>
            </div>
            <div class="logopp-middle">
                <ul>
                    <li><img src="https://x.dscmall.cn/storage/data/brandlogo/1490072677495061584.jpg" alt="">
                        <div class="detail">justyle</div>
                    </li>
                    <li><img src="https://x.dscmall.cn/storage/data/brandlogo/1490072685002270742.jpg" alt="">
                        <div class="detail">宝姿</div>
                    </li>
                    <li><img src="https://x.dscmall.cn/storage/data/brandlogo/1490072931218635674.jpg" alt="">
                        <div class="detail">皮克朋</div>
                    </li>
                    <li><img src="https://x.dscmall.cn/storage/data/brandlogo/1490073930435480283.jpg" alt="">
                        <div class="detail">NINE WEST</div>
                    </li>
                    <li class="chip"><img src="https://x.dscmall.cn/storage/data/brandlogo/1490073692774466710.jpg" alt="">
                        <div class="detail">飞利浦</div>
                    </li>
                    <li><img src="https://x.dscmall.cn/storage/data/brandlogo/1490073240845049320.jpg" alt="">
                        <div class="detail">小米</div>
                    </li>
                    <li class="special"><img src="https://x.dscmall.cn/storage/data/brandlogo/1490171981556005380.jpg" alt="">
                        <div class="detail">佳沪数码 华为</div>
                    </li>
                </ul>
            </div>
            <div class="logo-introduce">
                <div class="logo-introduce-top">
                    <div class="words">
                        <ul>
                            <li class="on sdr">所有品牌</li>
                            <li>A</li>
                            <li>B</li>
                            <li>C</li>
                            <li>D</li>
                            <li>E</li>
                            <li>F</li>
                            <li>G</li>
                            <li>H</li>
                            <li>I</li>
                            <li>J</li>
                            <li>K</li>
                            <li>L</li>
                            <li>M</li>
                            <li>N</li>
                            <li>O</li>
                            <li>P</li>
                            <li>Q</li>
                            <li>R</li>
                            <li>S</li>
                            <li>T</li>
                            <li>U</li>
                            <li>V</li>
                            <li>W</li>
                            <li>X</li>
                            <li>Y</li>
                            <li>Z</li>
                            <li class="other">其他</li>
                        </ul>
                    </div>
                </div>
                <div class="logo-introduce-center">
                    <ul>
                        <li>
                            <input type="checkbox" name="justyle" id="">&nbsp;&nbsp; &nbsp;&nbsp;justyle
                        </li>
                        <li>
                            <input type="checkbox" name="宝姿" id=""> &nbsp;&nbsp; &nbsp;&nbsp;宝姿
                        </li>
                        <li>
                            <input type="checkbox" name="皮克朋" id=""> &nbsp;&nbsp; &nbsp;&nbsp;皮克朋
                        </li>
                        <li>
                            <input type="checkbox" name="NINE WEST" id="">&nbsp;&nbsp; &nbsp;&nbsp; NINE WEST
                        </li>
                        <li>
                            <input type="checkbox" name="飞利浦" id=""> &nbsp;&nbsp; &nbsp;&nbsp;飞利浦
                        </li>
                        <li>
                            <input type="checkbox" name="小米" id=""> &nbsp;&nbsp; &nbsp;&nbsp;小米
                        </li>
                        <li>
                            <input type="checkbox" name="佳沪数码-华为" id=""> &nbsp;&nbsp; &nbsp;&nbsp;佳沪数码-华为
                        </li>
                    </ul>
                </div>
                <div class="logo-introduce-sole">
                    <div class="confirm">确定</div>
                    <div class="closee">关闭</div>
                </div>
            </div>
            <div class="logopp-right">
                <div class="xjt">
                    <span class="iconfont icon-xiajiantou"></span>
                </div>
                <div class="multi-select">
                    <span class="iconfont icon-jiahao_o"></span>
                    <i>多选</i>
                </div>
            </div>
        </div>
        <!-- 搜索模块 -->
        <div class="numb-search">
            <div class="numb-left">
                <a href="#" class="focus">默认<i class="iconfont icon-xiajiantou1"></i> </a>
                <a href="#">销量<i class="iconfont icon-shangjiantou"></i></a>
                <a href="#">新品<i class="iconfont icon-shangjiantou"></i></a>
                <a href="#">评论数<i class="iconfont icon-shangjiantou"></i></a>
                <a href="#">价格<i class="iconfont icon-shangjiantou"></i></a>
            </div>
            <div class="numb-center">
                <div class="price">
                    <form name="listform">
                        <div class="box">
                            <input type="text" name="price_min" class="f-text price-min" autocomplete="off" maxlength="6" placeholder="￥" id="price-min" value="">
                            <span>&nbsp;~&nbsp;</span>
                            <input type="text" name="price_max" class="f-text price-max" autocomplete="off" maxlength="6" id="price-max" value="" placeholder="￥">
                        </div>
                        <div class="expand">
                            <a href="#" class="l">清空</a>
                            <a href="#" class="r">确定</a>
                        </div>
                    </form>
                </div>
                <div class="checkbox">
                    <div class="checkbox_item">
                        <input type="checkbox" name="" id="first">
                        <label for="first"> 包邮</label>
                    </div>
                    <div class="checkbox_item">
                        <input type="checkbox" name="" id="second">
                        <label for="second"> 自营商品</label>
                    </div>
                    <div class="checkbox_item">
                        <input type="checkbox" name="" id="three">
                        <label for="three"> 仅显示有货</label>
                    </div>
                </div>
            </div>
            <div class="numb-right">
                <div class="button-page">
                    <span class="pageState"><span>1</span>/1</span>
                    <a href="#"><i class="iconfont icon-xiangzuojiantou"></i></a>
                    <a href="#"><i class="iconfont icon-xiangyoujiantou"></i></a>
                </div>
                <div class="styles">
                    <ul class="items">
                        <li class="item current">
                            <a href="#" title="大图模式" class="a">
                                <span class="iconfont icon-liebiao"></span> <span class="s-big">大图</span>
                            </a>
                        </li>
                        <li class="item">
                            <a href="#" title="小图模式">
                                <span class="iconfont icon-24gf-list5"></span> <span class="s-small">小图</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 主体渲染模块 -->
        <div class="main">
            <div class="mainRender">
                <!-- 大图模式样式 -->
                <ul class="big-picture"></ul>
                <!-- 小图模式样式 -->
                <ul class="small-picture"></ul>
            </div>
            <!-- 推广商品模块 -->
            <div class="promote">
                <p>推广商品</p>
                <ul>
                </ul>
            </div>
        </div>
        <!-- 猜你喜欢 -->
        <div class="guess-like">
            <div class="favorite">
                <p>猜你喜欢</p>
            </div>
            <ul></ul>
        </div>
    </div>
    <!-- 公共样式底部 -->
    <div class="footer-new" style="margin-top: 300px;">
        <!-- 上部 -->
        <div class="footer-new-top w1200">
            <!-- 公共样式上部左侧开始 -->
            <div class="service-list">
                <div class="service-item">
                    <i class="f-icon f-icon-qi"></i>
                    <span>七天包退</span>
                </div>
                <div class="service-item">
                    <i class="f-icon f-icon-zheng"></i>
                    <span>正品保障</span>
                </div>
                <div class="service-item">
                    <i class="f-icon f-icon-hao"></i>
                    <span>好评如潮</span>
                </div>
                <div class="service-item">
                    <i class="f-icon f-icon-shan"></i>
                    <span>闪电发货</span>
                </div>
                <div class="service-item">
                    <i class="f-icon f-icon-quan"></i>
                    <span>权威荣誉</span>
                </div>
            </div>
            <!-- 公共样式上部左侧结束 -->
            <!-- 公共样式上部右侧开始 -->
            <div class="contact">
                <div class="contact-item contact-item-first">
                    <i class="f-icon f-icon-tel"></i>
                    <span>4001-021-758</span>
                </div>
                <div class="contact-item">
                    <a href="#" class="btn-chn">
                        <i class="f-icon f-icon-kefu"></i>
                        <span>咨询客服</span>
                    </a>
                </div>
            </div>
            <!-- 公共样式上部右侧结束 -->

        </div>
        <!-- 中部 -->
        <div class="footer-new-con">
            <div class="fnc-wrap w1200">
                <!-- 公共样式底部中间左侧部分 -->
                <div class="help-list">
                    <div class="help-item">
                        <h3>新手上路</h3>
                        <ul>
                            <li>
                                <a href="#">售后流程</a>
                            </li>
                            <li>
                                <a href="#">购物流程</a>
                            </li>
                            <li>
                                <a href="#">订购方式</a>
                            </li>
                        </ul>
                    </div>
                    <div class="help-item">
                        <h3>新手上路</h3>
                        <ul>
                            <li>
                                <a href="#">售后流程</a>
                            </li>
                            <li>
                                <a href="#">购物流程</a>
                            </li>
                            <li>
                                <a href="#">订购方式</a>
                            </li>
                        </ul>
                    </div>
                    <div class="help-item">
                        <h3>新手上路</h3>
                        <ul>
                            <li>
                                <a href="#">售后流程</a>
                            </li>
                            <li>
                                <a href="#">购物流程</a>
                            </li>
                            <li>
                                <a href="#">订购方式</a>
                            </li>
                        </ul>
                    </div>
                    <div class="help-item">
                        <h3>新手上路</h3>
                        <ul>
                            <li>
                                <a href="#">售后流程</a>
                            </li>
                            <li>
                                <a href="#">购物流程</a>
                            </li>
                            <li>
                                <a href="#">订购方式</a>
                            </li>
                        </ul>
                    </div>
                    <div class="help-item">
                        <h3>新手上路</h3>
                        <ul>
                            <li>
                                <a href="#">售后流程</a>
                            </li>
                            <li>
                                <a href="#">购物流程</a>
                            </li>
                            <li>
                                <a href="#">订购方式</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 公共样式底部中间右侧部分 -->
                <div class="qr-code">
                    <div class="qr-item qr-item-first">
                        <div class="code_img">
                            <img src="https://x.dscmall.cn/storage/images/common/ecjia_qrcode.jpg" alt="">
                            <div class="code_txt">关注微信</div>
                        </div>
                    </div>
                    <div class="qr-item qr-item-last">
                        <div class="code_img">
                            <img src="https://x.dscmall.cn/storage/images/common/ecjia_qrcode.jpg" alt="">
                            <div class="code_txt">关注微信</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 下部 -->
        <div class="footer-new-bot">
            <div class="w1200">
                <p class="copyright_links">
                    <a href="#">首页</a>
                    <span class="spacer"></span>
                    <a href="#">隐私保护</a>
                    <span class="spacer"></span>
                    <a href="#">联系我们</a>
                    <span class="spacer"></span>
                    <a href="#">免责条款</a>
                    <span class="spacer"></span>
                    <a href="#">公司简介</a>
                    <span class="spacer"></span>
                    <a href="#">商家入驻</a>
                    <span class="spacer"></span>
                    <a href="#">供应商入驻</a>
                    <span class="spacer"></span>
                    <a href="#">意见反馈</a>
                    <span class="spacer"></span>
                </p>
                <p class="copyright_links">
                    <a href="#">b2b2c</a>
                    <span class="spacer"></span>
                    <a href="#">多用户商城系统</a>
                    <span class="spacer"></span>
                    <a href="#">商城系统</a>
                    <span class="spacer"></span>
                    <a href="#">ecjia新零售</a>
                </p>
                <p class="color-555">
                    <span>ICP备案证书号:</span>
                    <a href="#">沪ICP备14029880号-5</a>
                </p>
                <p class="color-555">
                    <a href="#">版权所有 © 2005-2021 大商创，并保留所有权利。POWERED BY DSCMALL</a>
                </p>
            </div>
        </div>
    </div>
    <!-- 侧边导航栏 -->
    <div class="nav-right">
        <div class="nav-right-lnav">
            <div class="quick_links">
                <ul>
                    <li class="lnav-first">
                        <a href="#">
                            <i class="user"></i>
                        </a>
                        <div class="lnav-login">
                            <div class="user-infor">
                                <div class="user-img">
                                    <img src="https://x.dscmall.cn/themes/ecmoban_dsc2017/images/touxiang.jpg" alt="" width="100%">
                                </div>
                                <div class="information">
                                    <div class="user-name">
                                        用户名：暂无
                                    </div>
                                    <div class="grade">
                                        级别：暂无
                                    </div>
                                </div>
                            </div>
                            <div class="user-btn">
                                <a href="#">我的订单</a>
                                <a href="#">我的收藏</a>
                            </div>
                            <i></i>
                        </div>
                    </li>
                    <li class="buycar">
                        <a href="#">
                            <i class="car"></i>
                            <p>购物车</p>
                            <span class="zero">0</span>
                        </a>
                    </li>
                    <li class="nav-list">
                        <a href="#">
                            <i class="my-order"></i>
                        </a>
                        <div class="mp_tooltip">
                            <span>我的订单</span>
                            <i class="triangle"></i>
                        </div>
                    </li>
                    <li class="nav-list">
                        <a href="#">
                            <i class="coupon"></i>
                        </a>
                        <div class="mp_tooltip">
                            <span>优惠券</span>
                            <i class="triangle"></i>
                        </div>
                    </li>
                    <li class="nav-list">
                        <a href="#">
                            <i class="my-assets"></i>
                        </a>
                        <div class="mp_tooltip">
                            <span>我的资产</span>
                            <i class="triangle"></i>
                        </div>
                    </li>
                    <li class="nav-list">
                        <a href="#">
                            <i class="my-tracks"></i>
                        </a>
                        <div class="mp_tooltip">
                            <span>我的足迹</span>
                            <i class="triangle"></i>
                        </div>
                    </li>
                    <li class="nav-list">
                        <a href="#">
                            <i class="my-collection"></i>
                        </a>
                        <div class="mp_tooltip">
                            <span>我的收藏</span>
                            <i class="triangle"></i>
                        </div>
                    </li>
                    <li class="nav-list">
                        <a href="#">
                            <i class="my-email"></i>
                        </a>
                        <div class="mp_tooltip">
                            <span>邮箱订阅</span>
                            <i class="triangle"></i>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="quick_toggle">
                <ul>
                    <li class="nav-list">
                        <a href="#">
                            <i class="service"></i>
                        </a>
                        <div class="mp_tooltip">
                            <span>客服中心</span>
                            <i class="triangle"></i>
                        </div>
                    </li>
                </ul>
            </div>

        </div>
        <div class="nav-right-buycar">
            <a href="#" class="closebtn"></a>
            <div class="buycar-title">
                <h3>购物车</h3>
            </div>
            <div class="buycar-content">
                <div class="buycar-center">
                    <div class="bgimg"></div>
                    <div class="buycar-text">
                        购物车空空的，赶快去挑选心仪的商品吧~<br>
                        <a href="#" class="gohome">去首页看看</a>
                    </div>
                </div>
            </div>
            <div class="buycar-bottom">
                <div class="buycar-bottom-tit">
                    <span class="buycar-sum">共<span class="buycar-goodsnum">0</span>件商品</span>
                    <span class="buycar-price">￥0.00</span>
                </div>
                <a href="#" class="buycar-gobtn">去购物车结算</a>
            </div>
        </div>
    </div>
    <!-- 个护美妆热卖js -->
    <script src="js/makeup.js"></script>
    <!-- 公共样式js -->
    <script src="../JS/public.js"></script>
    <!-- 侧边导航js -->
    <script src="../JS/nav-right.js"></script>
</body>

=======
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人化妆、清洁用品_大商创商城系统 B2B2C 多商户系统 多店铺商城系统 企业级电商系统</title>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/makeup.css">
    <link rel="stylesheet" href="font/font1/iconfont.css">
    <link rel="stylesheet" href="font/font2/iconfont.css">
    <link rel="stylesheet" href="font/font3/iconfont.css">
    <link rel="icon" href="imgs/favicon.ico">
    <link rel="stylesheet" href="css/zhangqiandegonggongyangshi.css">
    <link rel="stylesheet" href="css/nav-right.css">
    <link rel="stylesheet" href="font/fonts/iconfont.css">
    <script src="js/public.js"></script>
    <script src="js/jquery-3.6.0.js"></script>
    <script src="js/shopData.js"></script>
    <script src="js/nav-right.js"></script>
</head>

<body>
    <!-- 对比栏 -->
    <div class="compare-bar">
        <div class="left">
            <span>对</span>
            <span>比</span>
            <span>栏</span>
        </div>
        <div class="center">
            <ul class="shop">

            </ul>
        </div>
        <div class="right">
            <div class="top">隐藏</div>
            <div class="center">对比</div>
            <div class="empty">清空对比栏</div>
        </div>
    </div>
    <!-- 提示框 -->
    <div class="contrast">
        <div class="top">
            提示
            <span></span>
        </div>
        <div class="tips">
            <span></span> 测试和已选择商品类型不同无法进行对比
        </div>
    </div>
    <!-- 蒙版 -->
    <div class="mask"></div>
    <!-- 公共样式头部 -->
    <div class="header">
        <div class="w w1200">
            <div class="logo">
                <div class="logoImg">
                    <a href="javascript:;">
                        <img src="https://x.dscmall.cn/storage/images/common/shop_logo.gif" alt="大商创logo">
                    </a>
                </div>
            </div>
            <div class="header_con">
                <div class="site-nav">
                    <div class="fl ml-20">
                        <!-- 地图导航 -->
                        <div class="city-choie fl">
                            <i class="iconfoot icon-map-marker"></i>
                            <span class="ui-areamini-text">郑州市</span>
                        </div>
                        <!-- 登录注册 -->
                        <div class="text-info fl">
                            <a href="javascript:;" class="link-logo red">请登录</a>
                            <a href="javascript:;" class="link-regist">免费注册</a>
                        </div>
                    </div>
                    <!-- 头部右侧部分 -->
                    <ul class="quick-menu fr">
                        <li>
                            <div class="dt">
                                <a href="#">我的订单</a>
                            </div>
                        </li>
                        <li class="spacer"></li>
                        <li>
                            <div class="dt">
                                <a href="#">我的浏览</a>
                            </div>
                        </li>
                        <li class="spacer"></li>
                        <li>
                            <div class="dt">
                                <a href="#">我的收藏</a>
                            </div>
                        </li>
                        <li class="spacer"></li>
                        <li>
                            <div class="dt">
                                <a href="#">客户服务</a>
                            </div>
                        </li>
                        <li class="spacer"></li>

                        <li class="li_dorpdown" data-ectype="dorpdown">
                            <div class="dt dsc-cm">网站导航
                                <i class="iconfont icon-xiangxia"></i>
                                <div class="dsc-cm-bottom-line"></div>
                            </div>
                            <div class="dd dorpdown-layer">
                                <dl class="fore1">
                                    <dt>特色主题</dt>
                                    <dd>
                                        <div class="item"><a href="#" target="_blank">家用电器</a></div>
                                        <div class="item"><a href="#" target="_blank">男装女装</a></div>
                                        <div class="item"><a href="#" target="_blank">鞋靴箱包</a></div>
                                    </dd>
                                </dl>
                                <dl class="fore2">
                                    <dt>促销活动</dt>
                                    <dd>
                                        <div class="item"><a href="#">拍卖活动</a>
                                        </div>
                                        <div class="item"><a href="#">共创商品</a>
                                        </div>
                                        <div class="item"><a href="#">积分商城</a>
                                        </div>
                                        <div class="item"><a href="#">CMS频道</a></div>
                                        <div class="item"><a href="#">优惠活动</a>
                                        </div>
                                        <div class="item"><a href="#">超值礼包</a>
                                        </div>
                                        <div class="item"><a href="#">优惠券</a>
                                        </div>
                                        <div class="item"><a href="#">礼品卡</a>
                                        </div>
                                        <div class="item"><a href="#">预售商品</a>
                                        </div>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="dsc-search-shopcar">
                    <!-- 搜商品 -->
                    <div class="form fl">
                        <form action="">
                            <input name="keywords" value="" placeholder="周大福" class="search-text">
                            <button class="button-goods">搜商品</button>
                            <button class="button-store">搜店铺</button>
                        </form>
                        <ul class="keyword">
                            <li>
                                <a href="#" target="_black">周大福</a>
                            </li>
                            <li>
                                <a href="#" target="_black">内衣</a>
                            </li>
                            <li>
                                <a href="#" target="_black">Five Plus</a>
                            </li>
                            <li>
                                <a href="#" target="_black">手机</a>
                            </li>
                        </ul>
                    </div>
                    <!-- 我的购物车 -->
                    <div class="dsc-shopcar">
                        <div class="shopCar">
                            <a href="#">
                                <!-- <div class="shopcar-center"> -->
                                <i></i>
                                <span>我的购物车</span>
                                <em>14</em>
                                <!-- </div> -->
                            </a>
                        </div>
                        <div class="my-shopping-line"></div>
                        <div class="dorpdown-layer-car">
                            <div class="prompt">
                                <div class="nogoods fl">
                                    <b></b>
                                </div>
                                <div class="prompt-right fr">
                                    <span>购物车中还没有商品，赶紧选购吧！</span>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="header-nav">
            <div class="w1200 header-all-goods">
                <div class="categorys-type">
                    <a href="#">全部商品分类</a>
                </div>
                <div class="nav-main">
                    <ul>
                        <li class="header-current">
                            <a href="#">首页</a>
                        </li>
                        <li>
                            <a href="#">个护美妆</a>
                        </li>
                        <li>
                            <a href="#">服装城</a>
                        </li>
                        <li>
                            <a href="#">家用电器</a>
                        </li>
                        <li>
                            <a href="#">鞋靴箱包</a>
                        </li>
                        <li>
                            <a href="#">聚划算</a>
                        </li>
                        <li>
                            <a href="#">预售</a>
                        </li>
                        <li>
                            <a href="#">店铺街</a>
                        </li>
                        <li>
                            <a href="#">品牌专区</a>
                        </li>
                        <li>
                            <a href="#">公告</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 个护美妆 -->
    <div class="principal">
        <!-- 个护美妆热卖模块 -->
        <div class="hot-sales">
            <div class="hotsale">
                <div class="hatsale-left">热门推荐</div>
                <div class="hotsale-right">
                    <ul></ul>
                </div>
            </div>
        </div>
        <!-- 中间三级联动模块 -->
        <div class="much">
            <div class="crumbs-nav">
                <div class="crumbs-nav-item">个人化妆、清洁用品<span class="iconfont icon-xiajiantou"></span>
                    <div class="trigger">
                        <ul>
                            <li class="left"><a href="#">面部护肤</a></li>
                            <li class="middle"><a href="#">洗发护发</a></li>
                            <li class="right"><a href="#">香水彩妆</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 品牌模块 -->
        <div class="logopp">
            <div class="logopp-left">
                <p>品牌：</p>
            </div>
            <div class="logopp-middle">
                <ul>
                    <li><img src="https://x.dscmall.cn/storage/data/brandlogo/1490072677495061584.jpg" alt="">
                        <div class="detail">justyle</div>
                    </li>
                    <li><img src="https://x.dscmall.cn/storage/data/brandlogo/1490072685002270742.jpg" alt="">
                        <div class="detail">宝姿</div>
                    </li>
                    <li><img src="https://x.dscmall.cn/storage/data/brandlogo/1490072931218635674.jpg" alt="">
                        <div class="detail">皮克朋</div>
                    </li>
                    <li><img src="https://x.dscmall.cn/storage/data/brandlogo/1490073930435480283.jpg" alt="">
                        <div class="detail">NINE WEST</div>
                    </li>
                    <li class="chip"><img src="https://x.dscmall.cn/storage/data/brandlogo/1490073692774466710.jpg" alt="">
                        <div class="detail">飞利浦</div>
                    </li>
                    <li><img src="https://x.dscmall.cn/storage/data/brandlogo/1490073240845049320.jpg" alt="">
                        <div class="detail">小米</div>
                    </li>
                    <li class="special"><img src="https://x.dscmall.cn/storage/data/brandlogo/1490171981556005380.jpg" alt="">
                        <div class="detail">佳沪数码 华为</div>
                    </li>
                </ul>
            </div>
            <div class="logo-introduce">
                <div class="logo-introduce-top">
                    <div class="words">
                        <ul>
                            <li class="on sdr">所有品牌</li>
                            <li>A</li>
                            <li>B</li>
                            <li>C</li>
                            <li>D</li>
                            <li>E</li>
                            <li>F</li>
                            <li>G</li>
                            <li>H</li>
                            <li>I</li>
                            <li>J</li>
                            <li>K</li>
                            <li>L</li>
                            <li>M</li>
                            <li>N</li>
                            <li>O</li>
                            <li>P</li>
                            <li>Q</li>
                            <li>R</li>
                            <li>S</li>
                            <li>T</li>
                            <li>U</li>
                            <li>V</li>
                            <li>W</li>
                            <li>X</li>
                            <li>Y</li>
                            <li>Z</li>
                            <li class="other">其他</li>
                        </ul>
                    </div>
                </div>
                <div class="logo-introduce-center">
                    <ul>
                        <li>
                            <input type="checkbox" name="justyle" id="">&nbsp;&nbsp; &nbsp;&nbsp;justyle
                        </li>
                        <li>
                            <input type="checkbox" name="宝姿" id=""> &nbsp;&nbsp; &nbsp;&nbsp;宝姿
                        </li>
                        <li>
                            <input type="checkbox" name="皮克朋" id=""> &nbsp;&nbsp; &nbsp;&nbsp;皮克朋
                        </li>
                        <li>
                            <input type="checkbox" name="NINE WEST" id="">&nbsp;&nbsp; &nbsp;&nbsp; NINE WEST
                        </li>
                        <li>
                            <input type="checkbox" name="飞利浦" id=""> &nbsp;&nbsp; &nbsp;&nbsp;飞利浦
                        </li>
                        <li>
                            <input type="checkbox" name="小米" id=""> &nbsp;&nbsp; &nbsp;&nbsp;小米
                        </li>
                        <li>
                            <input type="checkbox" name="佳沪数码-华为" id=""> &nbsp;&nbsp; &nbsp;&nbsp;佳沪数码-华为
                        </li>
                    </ul>
                </div>
                <div class="logo-introduce-sole">
                    <div class="confirm">确定</div>
                    <div class="closee">关闭</div>
                </div>
            </div>
            <div class="logopp-right">
                <div class="xjt">
                    <span class="iconfont icon-xiajiantou"></span>
                </div>
                <div class="multi-select">
                    <span class="iconfont icon-jiahao_o"></span>
                    <i>多选</i>
                </div>
            </div>
        </div>
        <!-- 搜索模块 -->
        <div class="numb-search">
            <div class="numb-left">
                <a href="#" class="focus">默认<i class="iconfont icon-xiajiantou1"></i> </a>
                <a href="#">销量<i class="iconfont icon-shangjiantou"></i></a>
                <a href="#">新品<i class="iconfont icon-shangjiantou"></i></a>
                <a href="#">评论数<i class="iconfont icon-shangjiantou"></i></a>
                <a href="#">价格<i class="iconfont icon-shangjiantou"></i></a>
            </div>
            <div class="numb-center">
                <div class="price">
                    <form name="listform">
                        <div class="box">
                            <input type="text" name="price_min" class="f-text price-min" autocomplete="off" maxlength="6" placeholder="￥" id="price-min" value="">
                            <span>&nbsp;~&nbsp;</span>
                            <input type="text" name="price_max" class="f-text price-max" autocomplete="off" maxlength="6" id="price-max" value="" placeholder="￥">
                        </div>
                        <div class="expand">
                            <a href="#" class="l">清空</a>
                            <a href="#" class="r">确定</a>
                        </div>
                    </form>
                </div>
                <div class="checkbox">
                    <div class="checkbox_item">
                        <input type="checkbox" name="" id="first">
                        <label for="first"> 包邮</label>
                    </div>
                    <div class="checkbox_item">
                        <input type="checkbox" name="" id="second">
                        <label for="second"> 自营商品</label>
                    </div>
                    <div class="checkbox_item">
                        <input type="checkbox" name="" id="three">
                        <label for="three"> 仅显示有货</label>
                    </div>
                </div>
            </div>
            <div class="numb-right">
                <div class="button-page">
                    <span class="pageState"><span>1</span>/1</span>
                    <a href="#"><i class="iconfont icon-xiangzuojiantou"></i></a>
                    <a href="#"><i class="iconfont icon-xiangyoujiantou"></i></a>
                </div>
                <div class="styles">
                    <ul class="items">
                        <li class="item current">
                            <a href="#" title="大图模式" class="a">
                                <span class="iconfont icon-liebiao"></span> <span class="s-big">大图</span>
                            </a>
                        </li>
                        <li class="item">
                            <a href="#" title="小图模式">
                                <span class="iconfont icon-24gf-list5"></span> <span class="s-small">小图</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 主体渲染模块 -->
        <div class="main">
            <div class="mainRender">
                <!-- 大图模式样式 -->
                <ul class="big-picture"></ul>
                <!-- 小图模式样式 -->
                <ul class="small-picture"></ul>
            </div>
            <!-- 推广商品模块 -->
            <div class="promote">
                <p>推广商品</p>
                <ul>
                </ul>
            </div>
        </div>
        <!-- 猜你喜欢 -->
        <div class="guess-like">
            <div class="favorite">
                <p>猜你喜欢</p>
            </div>
            <ul></ul>
        </div>
    </div>
    <!-- 公共样式底部 -->
    <div class="footer-new" style="margin-top: 300px;">
        <!-- 上部 -->
        <div class="footer-new-top w1200">
            <!-- 公共样式上部左侧开始 -->
            <div class="service-list">
                <div class="service-item">
                    <i class="f-icon f-icon-qi"></i>
                    <span>七天包退</span>
                </div>
                <div class="service-item">
                    <i class="f-icon f-icon-zheng"></i>
                    <span>正品保障</span>
                </div>
                <div class="service-item">
                    <i class="f-icon f-icon-hao"></i>
                    <span>好评如潮</span>
                </div>
                <div class="service-item">
                    <i class="f-icon f-icon-shan"></i>
                    <span>闪电发货</span>
                </div>
                <div class="service-item">
                    <i class="f-icon f-icon-quan"></i>
                    <span>权威荣誉</span>
                </div>
            </div>
            <!-- 公共样式上部左侧结束 -->
            <!-- 公共样式上部右侧开始 -->
            <div class="contact">
                <div class="contact-item contact-item-first">
                    <i class="f-icon f-icon-tel"></i>
                    <span>4001-021-758</span>
                </div>
                <div class="contact-item">
                    <a href="#" class="btn-chn">
                        <i class="f-icon f-icon-kefu"></i>
                        <span>咨询客服</span>
                    </a>
                </div>
            </div>
            <!-- 公共样式上部右侧结束 -->

        </div>
        <!-- 中部 -->
        <div class="footer-new-con">
            <div class="fnc-wrap w1200">
                <!-- 公共样式底部中间左侧部分 -->
                <div class="help-list">
                    <div class="help-item">
                        <h3>新手上路</h3>
                        <ul>
                            <li>
                                <a href="#">售后流程</a>
                            </li>
                            <li>
                                <a href="#">购物流程</a>
                            </li>
                            <li>
                                <a href="#">订购方式</a>
                            </li>
                        </ul>
                    </div>
                    <div class="help-item">
                        <h3>新手上路</h3>
                        <ul>
                            <li>
                                <a href="#">售后流程</a>
                            </li>
                            <li>
                                <a href="#">购物流程</a>
                            </li>
                            <li>
                                <a href="#">订购方式</a>
                            </li>
                        </ul>
                    </div>
                    <div class="help-item">
                        <h3>新手上路</h3>
                        <ul>
                            <li>
                                <a href="#">售后流程</a>
                            </li>
                            <li>
                                <a href="#">购物流程</a>
                            </li>
                            <li>
                                <a href="#">订购方式</a>
                            </li>
                        </ul>
                    </div>
                    <div class="help-item">
                        <h3>新手上路</h3>
                        <ul>
                            <li>
                                <a href="#">售后流程</a>
                            </li>
                            <li>
                                <a href="#">购物流程</a>
                            </li>
                            <li>
                                <a href="#">订购方式</a>
                            </li>
                        </ul>
                    </div>
                    <div class="help-item">
                        <h3>新手上路</h3>
                        <ul>
                            <li>
                                <a href="#">售后流程</a>
                            </li>
                            <li>
                                <a href="#">购物流程</a>
                            </li>
                            <li>
                                <a href="#">订购方式</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 公共样式底部中间右侧部分 -->
                <div class="qr-code">
                    <div class="qr-item qr-item-first">
                        <div class="code_img">
                            <img src="https://x.dscmall.cn/storage/images/common/ecjia_qrcode.jpg" alt="">
                            <div class="code_txt">关注微信</div>
                        </div>
                    </div>
                    <div class="qr-item qr-item-last">
                        <div class="code_img">
                            <img src="https://x.dscmall.cn/storage/images/common/ecjia_qrcode.jpg" alt="">
                            <div class="code_txt">关注微信</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 下部 -->
        <div class="footer-new-bot">
            <div class="w1200">
                <p class="copyright_links">
                    <a href="#">首页</a>
                    <span class="spacer"></span>
                    <a href="#">隐私保护</a>
                    <span class="spacer"></span>
                    <a href="#">联系我们</a>
                    <span class="spacer"></span>
                    <a href="#">免责条款</a>
                    <span class="spacer"></span>
                    <a href="#">公司简介</a>
                    <span class="spacer"></span>
                    <a href="#">商家入驻</a>
                    <span class="spacer"></span>
                    <a href="#">供应商入驻</a>
                    <span class="spacer"></span>
                    <a href="#">意见反馈</a>
                    <span class="spacer"></span>
                </p>
                <p class="copyright_links">
                    <a href="#">b2b2c</a>
                    <span class="spacer"></span>
                    <a href="#">多用户商城系统</a>
                    <span class="spacer"></span>
                    <a href="#">商城系统</a>
                    <span class="spacer"></span>
                    <a href="#">ecjia新零售</a>
                </p>
                <p class="color-555">
                    <span>ICP备案证书号:</span>
                    <a href="#">沪ICP备14029880号-5</a>
                </p>
                <p class="color-555">
                    <a href="#">版权所有 © 2005-2021 大商创，并保留所有权利。POWERED BY DSCMALL</a>
                </p>
            </div>
        </div>
    </div>
    <!-- 侧边导航栏 -->
    <div class="nav-right">
        <div class="nav-right-lnav">
            <div class="quick_links">
                <ul>
                    <li class="lnav-first">
                        <a href="#">
                            <i class="user"></i>
                        </a>
                        <div class="lnav-login">
                            <div class="user-infor">
                                <div class="user-img">
                                    <img src="https://x.dscmall.cn/themes/ecmoban_dsc2017/images/touxiang.jpg" alt="" width="100%">
                                </div>
                                <div class="information">
                                    <div class="user-name">
                                        用户名：暂无
                                    </div>
                                    <div class="grade">
                                        级别：暂无
                                    </div>
                                </div>
                            </div>
                            <div class="user-btn">
                                <a href="#">我的订单</a>
                                <a href="#">我的收藏</a>
                            </div>
                            <i></i>
                        </div>
                    </li>
                    <li class="buycar">
                        <a href="#">
                            <i class="car"></i>
                            <p>购物车</p>
                            <span class="zero">0</span>
                        </a>
                    </li>
                    <li class="nav-list">
                        <a href="#">
                            <i class="my-order"></i>
                        </a>
                        <div class="mp_tooltip">
                            <span>我的订单</span>
                            <i class="triangle"></i>
                        </div>
                    </li>
                    <li class="nav-list">
                        <a href="#">
                            <i class="coupon"></i>
                        </a>
                        <div class="mp_tooltip">
                            <span>优惠券</span>
                            <i class="triangle"></i>
                        </div>
                    </li>
                    <li class="nav-list">
                        <a href="#">
                            <i class="my-assets"></i>
                        </a>
                        <div class="mp_tooltip">
                            <span>我的资产</span>
                            <i class="triangle"></i>
                        </div>
                    </li>
                    <li class="nav-list">
                        <a href="#">
                            <i class="my-tracks"></i>
                        </a>
                        <div class="mp_tooltip">
                            <span>我的足迹</span>
                            <i class="triangle"></i>
                        </div>
                    </li>
                    <li class="nav-list">
                        <a href="#">
                            <i class="my-collection"></i>
                        </a>
                        <div class="mp_tooltip">
                            <span>我的收藏</span>
                            <i class="triangle"></i>
                        </div>
                    </li>
                    <li class="nav-list">
                        <a href="#">
                            <i class="my-email"></i>
                        </a>
                        <div class="mp_tooltip">
                            <span>邮箱订阅</span>
                            <i class="triangle"></i>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="quick_toggle">
                <ul>
                    <li class="nav-list">
                        <a href="#">
                            <i class="service"></i>
                        </a>
                        <div class="mp_tooltip">
                            <span>客服中心</span>
                            <i class="triangle"></i>
                        </div>
                    </li>
                </ul>
            </div>

        </div>
        <div class="nav-right-buycar">
            <a href="#" class="closebtn"></a>
            <div class="buycar-title">
                <h3>购物车</h3>
            </div>
            <div class="buycar-content">
                <div class="buycar-center">
                    <div class="bgimg"></div>
                    <div class="buycar-text">
                        购物车空空的，赶快去挑选心仪的商品吧~<br>
                        <a href="#" class="gohome">去首页看看</a>
                    </div>
                </div>
            </div>
            <div class="buycar-bottom">
                <div class="buycar-bottom-tit">
                    <span class="buycar-sum">共<span class="buycar-goodsnum">0</span>件商品</span>
                    <span class="buycar-price">￥0.00</span>
                </div>
                <a href="#" class="buycar-gobtn">去购物车结算</a>
            </div>
        </div>
    </div>
    <!-- 个护美妆热卖js -->
    <script src="js/makeup.js"></script>
    <!-- 公共样式js -->
    <script src="../JS/public.js"></script>
    <!-- 侧边导航js -->
    <script src="../JS/nav-right.js"></script>
</body>

>>>>>>> e2c4e43d03cf20528122508680dc5417715ffe93
</html>